<template>
    <!-- <div class="animate__animated animate__fadeInLeft">
        {{ $t('message.hello') }}
        {{ $t('msg') }}
       
    </div> -->
    <van-grid :gutter="10">
      <van-grid-item v-for="value in 9" :key="value" icon="photo-o" text="文字" />
    </van-grid>
</template>

<script setup lang="ts">
console.log('111');
interface T {
    name:string,
    age?:number,
    [propName:string]:any   //索引签名
}
interface P extends T {
    color:string
}

let aaa:P = {
    name: '',
    color: ''
} 

let list:Array<T>=[
    {
        name:'xxx',
    }
]

// 元组 定义几个类型，后面的值就分别对应类型
let x:[number,string] = [111,'111']
// console.log(x);

//枚举
enum Color {
    red = 1,
    green = 2,
    blue = 4
}
let c:string = Color[4]
console.log(Color,c);




</script>

<style lang="less">

</style>